// import React, {useLayoutEffect} from 'react';
// import anime from 'animejs';
// import styles from './index.less';
//
// const RunawayButton: React.FC = () => {
//
//
//   useLayoutEffect(() => {
//     const button = document.getElementById("runaway-btn");
//
//     const animateMove = (element, prop, pixels) =>
//       anime({
//         targets: element,
//         [prop]: `${pixels}px`,
//         easing: "easeOutCirc"
//       });
//
//     ["mouseover", "click"].forEach(function (el) {
//       button.addEventListener(el, function (event) {
//         const top = getRandomNumber(window.innerHeight - this.offsetHeight);
//         const left = getRandomNumber(window.innerWidth - this.offsetWidth);
//
//
//         animateMove(this, "left", left).play();
//         animateMove(this, "top", top).play();
//       });
//     });
//
//     const getRandomNumber = (num) => {
//       return Math.floor(Math.random() * (num + 1));
//     };
//
//   }, []); // Only run once.
//
//   return (
//     <div className={styles.content}>
//       <button id='runaway-btn' className={styles.button}>点我 &#129315;</button>
//     </div>
//   );
//
//
// };
//
// export default RunawayButton;
